@import "lib-variable";
@import "lib-mixins";

.Navbar {
  background-image: url("/app/images/nav_bg1.jpg");
  background-repeat: repeat-x;
  margin-bottom: @column-gutter;
  min-height: 0;
}

.Navbar-innerBar {
  .center-block();
  .reset-ul();
  width: @site-width;
  background-image: url("/app/images/line.png");
  background-position: right;
  background-repeat: no-repeat;
}

.Navbar-item {
  display: inline-block;
  text-align: center;
  line-height: 40px;
  background-image: url("/app/images/line.png");
  background-position: left;
  background-repeat: no-repeat;


  > a {
    display: block;
    // width: 122px;  // 在模板文件中定义,css 无法判断有多少个栏目
    height: 40px;
    color: #fff;
    font-weight: bold;
    &:hover, &:active {
      text-decoration: none;
      background-image: url("/app/images/nav_bg2.jpg");
      background-position: center;
    }
    &:visited {
      text-decoration: none;
    }
  }

  &:hover {
    position: relative;
    > .Navbar-dropdown {
      display: block;
    }
  }
}

.Navbar-dropdown {
  display: none;
  .reset-ul();
  z-index: @zindex-dropdown;
  position: absolute;
  top: 100%;
  left: 0;
}

.Navbar-dropdownItem {
  > a {
    display: block;
    width: 122px;  // 在模板文件中定义,css 无法判断有多少个栏目
    height: 30px;
    line-height: 30px;
    border-bottom: 2px solid #fff;
    color: #fff;
    background-color: dodgerblue;
    &:hover, &:active {
      text-decoration: none;
      background-color: darkred;
    }
  }
}
